<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>if_双分支语句</title>
    <style>
        pre {
            font-size: 20px;
        }
    </style>
</head>
<body>
<h4>if语句 双分支使用语法：</h4>
<pre>
    if (条件) {
        满足条件,执行的代码
    }
    else {
        不满足条件时,执行的代码
    }
</pre>
<p>
    小括号内的结果若不是布尔类型时，会发生隐式转换转为布尔类型 <br>
    如果大括号只有一个语句，大括号可以省略，但是，俺们不提倡这么做~
</p>
<hr>

<!--
案例 1
用户输入，用户名：孙新罡，密码：sxingang， 则提示登录成功，否则提示失败
分析：
①：弹出输入框，分别输入用户名和密码
②：通过if语句判断，如果用户名是：孙新罡，密码：sxingang，则执行if里面的语句，否则执行else
里面的语句。
-->
<!--
判断闰年案例 2
需求：让用户输入年份，判断这一年是闰年还是平年并弹出对应的警示框
分析：
①：能被4整除但不能被100整除，或者被400整除的年份是闰年，否则都是平年
②：需要逻辑运算符
-->
<script>
    // --------- 案例1 --------
    // 1. 用户输入
    let 用户名 = prompt('请输入用户名:')
    let 密码 = prompt('请输入密码:')
    // 2. 判断输出
    if (用户名 === '孙新罡' && 密码 === 'sxingang') {  // 要求条件同时满足, && 逻辑与
        alert('恭喜登录成功')
    } else {
        alert('用户名或者密码错误')
    }

    // --------- 案例2 --------
    // 1. 用户输入
    let 年份 = +prompt('请输入年份')  // 前面有 + 号, 是要转换成 数字类型
    // 2. 判断输出
    if ((年份 % 4 === 0 && 年份 % 100 !== 0) || (年份 % 400 === 0)) {
        alert(`${年份}年是闰年`) // 弹窗
        document.write(`${年份}年是闰年`) // 输入到页面
    } else {
        alert(`${年份}年是平年`) // 注意是 反引号
        document.write(`${年份}年是平年`)
    }
</script>
</body>
</html>